<template>
  <view class="flex-col page">
    <text class="text">提交成功</text>
    <view class="divider"><!--*--></view>
    <view class="flex-col group">
      <image
				:src="$IMG_URL+'16557868029502397241.png'"
        class="image"
      />
      <view class="flex-col items-center group_1">
        <text class="text_1">提交成功</text>
        <text class="text_2">验收报告已同步业主与工长</text>
        <text class="text_3">提交时间：{{dateNow}}</text>
      </view>
    </view>
    <view class="flex-col items-center button" @click="toindex"><text class="text_4">返回首页</text></view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {
		  dateNow:''
	  };
    },
	created() {
		this.getNowTime()
	},
    methods: {
		 getNowTime: function () {
		      let dateTime
		      let yy = new Date().getFullYear()
		      let mm = new Date().getMonth() + 1
		      let dd = new Date().getDate()
		      let hh = new Date().getHours()
		      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
		        :        new Date().getMinutes()
		      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
		        :        new Date().getSeconds()
		      dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
		      // console.log(dateTime)  
				 this.dateNow = dateTime
			  return dateTime
		    },
		toindex(){
			uni.switchTab({
				url: '/pages/index'
			});

		}
	},
  };
</script>

<style scoped lang="scss">
  .page {
    padding: 53rpx 0 513rpx;
    background-color: #ffffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .text {
    align-self: center;
    color: #000000;
    font-size: 36rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 43rpx;
  }
  .divider {
    margin-top: 32rpx;
    background-color: #eeeeee;
    height: 1rpx;
  }
  .group {
    margin-top: 87rpx;
  }
  .button {
    margin-top: 143rpx;
    padding: 18rpx 25rpx;
    align-self: center;
    background-image: url($IMG_URL+'16557868027101667378.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 320rpx;
  }
  .image {
    align-self: center;
    width: 250rpx;
    height: 180rpx;
  }
  .group_1 {
    margin-top: 37rpx;
  }
  .text_4 {
    color: #1d6aff;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_1 {
    color: #000000;
    font-size: 32rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 38rpx;
  }
  .text_2 {
    margin-top: 32rpx;
    color: #000000;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_3 {
    margin-top: 37rpx;
    color: #666666;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
</style>